import styled from "styled-components";

const ProductDetailHeadStyle = styled.div`
  .cover {
    border-radius: 15px;
    overflow: hidden;

    .adm-image {
      height: 30vh;
    }
  }

  .info-wrap {
    margin: -10px 0;

    .name {
      font-size: 16px;
      font-weight: 600;
      margin-bottom: 10px;
    }

    .desc {
      font-size: 13px;
      color: #343333;
      margin: 5px 0;
      text-indent: 2em;
    }
  }

  .sell-info {
    display: flex;
    font-size: 13px;
    justify-content: space-around;
    align-items: center;
    color: #868383;
    margin: -10px 0;
  }
`;

export default ProductDetailHeadStyle;
